<template>
  <nav>
    <router-link
      v-for="(item, index) in tabbar"
      :key="index"
      :to="item.path"
    >
      {{item.text}}
    </router-link>
  </nav>
</template>

<script>
export default {
  name: 'footer-nav',
  data () {
    return {
      tabbar: [
        {
          text: '首页',
          icon: '',
          path: '/home'
        },
        {
          text: '分类',
          icon: '',
          path: '/category'
        },
        {
          text: '购物车',
          icon: '',
          path: '/cart'
        },
        {
          text: '我的',
          icon: '',
          path: '/mine'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>

</style>>
